<!-- created:2022/12/10 22:50 By AdinZ -->
<template>
  <div class="index">
    <TableLayout>
      <template #query>
        <el-form :inline="true">
          <el-form-item label="登录账号">
            <el-input placeholder="登录账号查询"/>
          </el-form-item>
          <el-form-item label="手机号">
            <el-input placeholder="手机号查询"/>
          </el-form-item>
          <el-form-item label="邮箱号">
            <el-input placeholder="邮箱号查询"/>
          </el-form-item>

          <el-form-item label="时间范围">
            <el-date-picker
                type="datetimerange"
                range-separator="To"
                start-placeholder="开始时间"
                end-placeholder="结束时间"
            />
          </el-form-item>
          <el-form-item>
            <el-button :icon="Search" circle/>
          </el-form-item>
        </el-form>
      </template>
      <template #default="scope">
        <el-table :data="[{name:1},{name:2},{name:3}]" stripe  border style="width: 100%" :height="scope.height">
          <el-table-column prop="date" label="Date" width="180" />
          <el-table-column prop="name" label="Name" width="180" />
          <el-table-column prop="address" label="Address" />
        </el-table>
      </template>
      <template #page>
        <el-pagination background layout="prev, pager, next" :total="1000"/>
      </template>
    </TableLayout>
  </div>
</template>
<script setup>
import {
  Search,
} from '@element-plus/icons-vue'
</script>
<script>
import TableLayout from "@/layout/TableLayout";

export default {
  name: "index",
  components: {TableLayout},
  data() {
    return {}
  },
  created() {
  },
  methods: {}
}
</script>

<style scoped lang="scss">
.index {

}
</style>
